home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Burning & Media / GB-PVR 1.2.13 / GBPVR10213.msi / Cabs.w1.cab / common_mange_and_search.css547 < prev    next >
Text File  |  2008-04-09  |  12KB  |  563 lines
  1.  
  2. /*
  3. CSS that is common in both the Manage Recordings and Search Results pages
  4. */
  5.     
  6. html {
  7.     overflow-y:hidden;
  8.     overflow-x:hidden;
  9. }
  10.  
  11.     /* 
  12.     Start of Recording Status Indicators: Styling for recording status indicators
  13.     */
  14. .listingPending, .treelistingPending {
  15.     padding-top:4px;
  16.     color:#000000;
  17.     height:18px;
  18.     width:75%;
  19.     font-size: 11px;
  20.     vertical-align:middle;
  21.     text-align:center;
  22.     font-weight:bold;
  23.     background-color: #FF9944;
  24. }
  25. .treelistingPending {
  26.     padding-top:1px;
  27.     font-size: 10px;
  28.     font-weight:normal;
  29.     height:10px;
  30. }
  31. .listingInProgress, .treelistingInProgress {
  32.     padding-top:4px;
  33.     color:#000000;
  34.     height:18px;
  35.     width:75%;
  36.     font-size: 11px;
  37.     vertical-align:middle;
  38.     text-align:center;
  39.     font-weight:bold;
  40.     background-color: #33EE00;
  41. }
  42. .treelistingInProgress {
  43.     padding-top:1px;
  44.     font-size: 10px;
  45.     font-weight:normal;
  46.     height:10px;
  47. }
  48. .listingAvailable, .treelistingAvailable
  49. {
  50.     padding-top:4px;
  51.     color:#000000;
  52.     height:18px;
  53.     width:75%;
  54.     font-size: 11px;
  55.     vertical-align:middle;
  56.     text-align:center;
  57.     font-weight:bold;
  58.     background-color: #33AA11;
  59. }
  60. .treelistingAvailable{
  61.     padding-top:1px;
  62.     font-size: 10px;
  63.     font-weight:normal;
  64.     height:10px;
  65. }
  66. .listingFailed, .treelistingFailed {
  67.     padding-top:4px;
  68.     color:#000000;
  69.     height:18px;
  70.     width:75%;
  71.     font-size: 11px;
  72.     vertical-align:middle;
  73.     text-align:center;
  74.     font-weight:bold;
  75.     background-color: #FF0000;
  76. }
  77. .treelistingFailed {
  78.     padding-top:1px;
  79.     font-size: 10px;
  80.     font-weight:normal;
  81.     height:10px;
  82. }
  83. .listingConflict, .treelistingConflict {
  84.     padding-top:4px;
  85.     color:#000000;
  86.     height:18px;
  87.     width:75%;
  88.     font-size: 11px;
  89.     vertical-align:middle;
  90.     text-align:center;
  91.     font-weight:bold;
  92.     background-color: #FFFF11;
  93. }
  94. .treelistingConflict {
  95.     padding-top:1px;
  96.     font-size: 10px;
  97.     font-weight:normal;
  98.     height:10px;
  99. }
  100. .listingReocurring, .treelistingReocurring {
  101.     padding-top:4px;
  102.     color:#000000;
  103.     height:18px;
  104.     width:75%;
  105.     font-size: 11px;
  106.     vertical-align:middle;
  107.     text-align:center;
  108.     font-weight:bold;
  109.     background-color: #CC77BB;
  110. }
  111. .treelistingReocurring {
  112.     padding-top:1px;
  113.     font-size: 10px;
  114.     font-weight:normal;
  115.     height:10px;
  116. }
  117. .listingDeleted, .treelistingDeleted {
  118.     padding-top:4px;
  119.     color:#000000;
  120.     height:18px;
  121.     width:75%;
  122.     font-size: 11px;
  123.     vertical-align:middle;
  124.     text-align:center;
  125.     font-weight:bold;
  126.     background-color: #CCCC99;
  127. }
  128. .treelistingDeleted {
  129.     padding-top:1px;
  130.     font-size: 10px;
  131.     font-weight:normal;
  132.     height:10px;
  133. }
  134.     /* 
  135.     End of Recording Status Indicators: Styling for recording status indicators
  136.     */
  137.     
  138.     
  139. .channelInfo, .channelInfoLogoAndText, .channelInfoLogoOnly {
  140.     /* 
  141.     Attributes for the channel cell in each programme listed.
  142.     */
  143.     display:inline-block;
  144.     position:absolute;
  145.  
  146.     border-width:0;
  147.     background: #dcdcdc url(../Graphics/tl.gif) no-repeat;
  148.  
  149.     padding:0px 0px 0px 0px;
  150.  
  151.     color:#000000;
  152.     font-weight:bold;
  153.  
  154.     overflow:hidden;
  155.     vertical-align:middle;
  156.     text-align:center;
  157.  
  158.     z-index:999;
  159. }
  160. .channelInfo {
  161.     padding-top:30px;
  162. }
  163. .channelInfoLogoAndText {
  164.     padding-top:2px;
  165. }
  166. .channelInfoLogoOnly {
  167.     padding-top:5px;
  168. }
  169. .channelInfo A, .channelInfoLogoAndText A,.channelInfoLogoOnly A {
  170.     /* 
  171.     Default styling for the link text in the channel cell for each programme listed.
  172.     These are the text links for the channel name and number.
  173.     */
  174.     color:#000000;
  175.     text-decoration:none;
  176. }
  177. .channelInfo A:active, .channelInfoLogoAndText A:active, .channelInfo A:visited, .channelInfoLogoAndText A:visited {
  178.     color:#000000;
  179. }
  180. .channelInfo A:hover, .channelInfoLogoAndText A:hover {
  181.     color: #0000ff;
  182. }
  183. .channelInfo IMG, .channelInfoLogoAndText IMG, .channelInfoLogoOnly IMG {
  184.     /*
  185.     Ensure black borders for images
  186.     */
  187.     border-color: #000000;
  188. }
  189. .channelLogo {
  190.     /* 
  191.     Styling for the logo in the channel cell.
  192.     The HTML for this section will specify a %age width for the IMG tag of the icon.
  193.     This ensures graceful resizing and provides padding on each side of the cell.
  194.     NOTE: Because of CSS limitations and the ability for the user to choose their own row height, it is
  195.     very complicated to try and vertically center this image. It can be done via javascript and DHTML, but
  196.     is probably not worth the effort and extra resources involved.
  197.     */
  198.     display:inline-block;
  199.     width:50%;
  200.     overflow:hidden;    /* clip any contents to avoid overflow of icons which don't fit in the cell */
  201. }
  202. .channelNum {
  203.     font-size:16px;
  204.     font-weight:bold;
  205.     text-align:center;
  206. }
  207.  
  208. .channelName {
  209.     font-size:12px;
  210.     font-weight:normal;
  211.     text-align:center;
  212. }
  213. .info {
  214.     /* 
  215.     This is the top line in each listing cell containing the repeat indicator as well as the
  216.     links such as wiki, imdb, etc. It's used to highlight info which the user might want
  217.     to see immediately.
  218.     */
  219.     position:relative;
  220.     display: inline-block;
  221.     font-size: 10px;
  222.     line-height:22px;
  223.     vertical-align:middle;
  224.     height:22px;
  225.     width:41%;
  226.  
  227.     border-bottom: 1px solid #000000;
  228.     border-top: 1px solid #000000;
  229.     border-left: 1px solid #000000;
  230.     border-right: 1px solid #000000;
  231.     background-color:#CCEEFF;
  232.  
  233.     white-space:normal;
  234.     overflow:hidden;
  235. }
  236. .info a {
  237.     color: #0000ff;
  238.     text-decoration: none;
  239. }
  240. .info a:visited, .info a:active {
  241.     color: #0000ff;
  242. }
  243. .info a:hover {
  244.     text-decoration: underline;
  245. }
  246. .new_show {
  247.     display: inline-block;
  248.     width:19px;
  249.     height:22px;
  250.     background: url(../Graphics/new.png) no-repeat center;
  251.     float:left;
  252.     margin-left:3px;
  253.     margin-right:20px;
  254.  
  255.     font-size:10px;
  256.     font-weight:bold;
  257.     font-variant: small-caps;
  258.     color: #b22222;
  259.     /* hide the text */
  260.     font-size:0px;
  261.     text-indent: -9000px;  
  262. }
  263.  
  264. .wiki, .imdb, .tvcom, .netflix {
  265.     display: inline-block;
  266.     height:22px;
  267.     float:left;
  268.     cursor: pointer;
  269.     white-space: nowrap;
  270.     font-size: 10px;
  271.     /* hide the text */
  272.     font-size: 0px;
  273.     text-indent: -9000px;
  274.     margin: 0px 5px 0px 5px;
  275. }
  276.  
  277. /* This can be considered the start point for turning off the graphics for seach sites.  Just activate the end comment following the .tvcom entry to turn off 
  278. the graphiics.  You will need to remove the end comment line directly below.
  279. */
  280. A.wiki, A.imdb, A.tvcom, A.netflix {
  281.     text-decoration:none;
  282.     color: #0000ff;
  283. }
  284. A:active.wiki, A:active.imdb, A:active.tvcom, A:active.netflix, A:visited.wiki, A:visited.imdb, A:visited.tvcom, A:visited.netflix {
  285.     color: #0000ff;
  286. }
  287. A:hover.wiki, A:hover.imdb, A:hover.tvcom, A:hover.netflix {
  288.     text-decoration: underline;
  289. }
  290.  
  291. .wiki {
  292.     width:41px;
  293.     background: url(../Graphics/wiki.png) no-repeat center;
  294. }
  295. .imdb {
  296.     width:33px;
  297.     background: url(../Graphics/imdb.png) no-repeat center;
  298. }
  299. .netflix {
  300.     width:48px;
  301.     background: url(../Graphics/netflix.png) no-repeat center;
  302. }
  303. .tvcom {
  304.     width:38px;
  305.     background: url(../Graphics/tvcom.png) no-repeat center;
  306. }
  307. /* Add an end comment below to turn off graphic display.  Also remove the end comment found before the A.wiki entry. */
  308.  
  309.  
  310. .showTitle {
  311.     /* 
  312.     Styling for the show title for a listing
  313.     */
  314.     font-weight: bold;
  315.     color: #FFEEFF;
  316.     padding: 2px 0px 0px 3px;
  317.     float:left;
  318. }
  319. .showTitle A {
  320.     color: #FFEEFF;
  321.     text-decoration: none;
  322. }
  323. .showTitle A:active, .showTitle A:visited {
  324.     color: #FFEEFF;
  325. }
  326. .showTitle A:hover {
  327.     color: #FFEEFF;
  328.     text-decoration: underline;
  329. }
  330. .showSubtitle {
  331.     /* 
  332.     Styling for the show subtitle for a listing
  333.     */
  334.     padding: 2px 0px 0px 0px;
  335.     text-indent: 3px;
  336.     position:relative;
  337.     
  338.     color: #FFBBFF;
  339. }
  340. .showText {
  341.     /* 
  342.     Styling for the main body of text for a listing
  343.     */
  344.     margin: 2px 5px 2px 5px;
  345.     clear:left;
  346.     overflow-x: hidden;
  347.     overflow-y: auto;
  348.     height:110px;
  349. }
  350.  
  351.  
  352. .headerRow {
  353.     /* 
  354.     Styling for the container that holds all the parts of the header row
  355.     */
  356.     height:25px;
  357.     clear:both;
  358.     text-align:center;
  359.     display:inline-block;
  360.     position:absolute;
  361.     line-height:9px;
  362.  
  363.  
  364.     border-width:0;
  365.     background: url(../Graphics/line_left.png) no-repeat;
  366.     color: #000000;
  367.  
  368.     /* top padding can be adjusted if text is misaligned */
  369.     padding:4px 2px 2px 6px;
  370.  
  371.     overflow-x:hidden;
  372.     vertical-align:middle;
  373.     font-weight: bold;
  374. }
  375.  
  376. .headerRow A
  377. {
  378.     color: #000000;
  379. }
  380.  
  381. .listingRow {
  382.     /*
  383.     This is the styling for the containing DIV for each row in the manage recordings.
  384.     */
  385.     width:100%;
  386.     border-width:0;
  387.     padding:2px;
  388.     height:140px;
  389.     border-bottom: 1px solid #000000;
  390.     border-top: 1px solid #000000;
  391.     border-left: 1px solid #000000;
  392.     border-right: 1px solid #000000;
  393.     display: inline-block;
  394.     clear:both;
  395. }
  396.  
  397. .listings {
  398.     /*
  399.     This is the styling for the containing DIV for each portion of the row in the manage recordings.
  400.     */
  401.     position: absolute;
  402.     vertical-align:top;
  403.     padding: 2px 0px 0px 0px;
  404. }
  405.  
  406. .quality {
  407.     /* 
  408.     Styling for the quality info in the listing
  409.     */
  410.     font-size: 11px;
  411.     font-weight:bold;
  412.     padding-top:10px;
  413.     vertical-align: middle;
  414. }
  415. .airDate {
  416.     /* 
  417.     Styling for the air date info in the listing
  418.     */
  419.     font-size: 11px;
  420.     font-weight:bold;
  421.     text-align:center;
  422. }
  423. .airTime {
  424.     /* 
  425.     Styling for the air time info in the listing
  426.     */
  427.     font-size: 11px;
  428.     text-align:center;
  429. }
  430.  
  431. .butStream, .butPlay, .butCancel, .butDownload, .butDelete {
  432.     /* 
  433.     Basic styling for all the buttons on the page
  434.     */
  435.     display: inline-block;
  436.     height: 25px;
  437.     float:left;
  438. }
  439. .butStream A, .butPlay A, .butDownload A, .butCancel A, .butDelete A {
  440.     /* 
  441.     Visual styling for all the buttons on the page
  442.     */
  443.     text-decoration: none;
  444.     font-size: 11px;
  445.     font-weight:bold;
  446.  
  447.     display: inline-block;
  448.     
  449.     border: 1px solid #000000;
  450.     margin: 4px 4px 0px 0px;
  451.  
  452.     padding: 2px 6px 2px 6px;
  453.  
  454.     background-color: #0066EE;
  455.     color: #000000;
  456.     
  457.     white-space: nowrap;
  458.     text-align: center;
  459.  
  460.     float:left;
  461. }
  462. .butStream A:active, .butPlay A:active, .butDownload A:active, .butCancel A:active, .butDelete A:active {
  463.     color: #000000;
  464. } 
  465. .butStrea A:visited, .butPlay A:visited, .butDownload A:visited, .butCancel A:visited, .butDelete A:visited {
  466.     color: #000000;
  467. } 
  468. .butStream A:hover, .butPlay A:hover, .butDownload A:hover, .butCancel A:hover, .butDelete A:hover {
  469.     color: #000000;
  470.     background-color: #00BBFF;
  471. }
  472. .sep {
  473.     /*
  474.     Separator between links in the lower right of the footer.
  475.     Could also use a background image if desired by moving the text
  476.     off the screen.
  477.     */
  478.     padding-left:5px;
  479.     padding-right:5px;
  480. }
  481. #HIDDEN_TEXT {
  482.     /*
  483.     Hidden section used for custom javascript manipulation.
  484.     Can be used for anything.
  485.     */
  486.     position: absolute;
  487.     top: -9000px;
  488.     left: -9000px;
  489.     width: 0px;
  490.     height: 0px;
  491. }
  492.  
  493. /* 
  494. Styling for the Treeview control used in Manage Recordings and Search Results pages
  495. */
  496.         
  497. .TreeView
  498. {
  499.     padding-top: 5px;
  500.     padding-bottom: 25px;
  501.     padding-left: 9px;
  502. }
  503.  
  504. .TreeView div.AspNet-TreeView ul li
  505. {
  506.     white-space: nowrap;
  507.     padding: 3px 0 2px 0; 
  508. }
  509.  
  510. .TreeView div.AspNet-TreeView ul ul
  511. {
  512.     margin: 2px 0 2px 10px;
  513. }
  514.  
  515. .TreeView div.AspNet-TreeView ul li img
  516. {
  517.     border: none;
  518.     vertical-align: middle;
  519.     margin: 0 2px 0 0;
  520. }
  521.  
  522. .TreeView div.AspNet-TreeView li a
  523. {
  524.  
  525. }
  526.  
  527. .TreeView li.AspNet-TreeView-Parent
  528. {
  529.     margin-top: 14px;
  530. }
  531.  
  532. .TreeView div.AspNet-TreeView li.AspNet-TreeView-Leaf
  533. {
  534.     margin-left: 18px;
  535. }
  536.  
  537. .TreeView div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink
  538. {
  539.     cursor: pointer;
  540. }
  541.  
  542. .TreeView div.AspNet-TreeView .AspNet-TreeView-Collapse
  543. {
  544.     background: url(../Graphics/collapse.gif) 0 -2px no-repeat;
  545.     width: 15px;
  546.     float:left;
  547.     cursor: pointer;
  548.     padding-right:2px;
  549. }
  550.  
  551. .TreeView div.AspNet-TreeView .AspNet-TreeView-Expand
  552. {
  553.     background: url(../Graphics/expand.gif) 0 -2px no-repeat;
  554.     width: 15px;
  555.     float:left;
  556.     cursor: pointer;
  557.     padding-right:2px;
  558. }
  559.  
  560. .TreeView div.AspNet-TreeView li.AspNet-TreeView-Root A
  561. {
  562.     font-weight:normal;
  563. }